﻿@model DHQGHN.PM2.Models.Online.TheCanCuocModel

<script>
    @functions{
        public string GetAntiForgeryToken()
        {
            string cookieToken, formToken;
            AntiForgery.GetTokens(null, out cookieToken, out formToken);
            return cookieToken + "," + formToken;
        }
    };
    $('.mnResident #mainForm').setMask("Đang thực hiện...");
    jQuery(function ($) {
        var dem = 0;
        var total = 1;
        if ($("#IDCARD_ISSUSE_DATE").val() != "") {
            ngay = $("#IDCARD_ISSUSE_DATE").val().substring(6, 8);
            thang = $("#IDCARD_ISSUSE_DATE").val().substring(4, 6);
            nam = $("#IDCARD_ISSUSE_DATE").val().substring(0, 4);
            $("#IDCARD_ISSUSE_DATE1").val(ngay + '/' + thang + '/' + nam);
        }
        if ($("#IDCARD_EXPIRED_DATE").val() != "") {
            ngay = $("#IDCARD_EXPIRED_DATE").val().substring(6, 8);
            thang = $("#IDCARD_EXPIRED_DATE").val().substring(4, 6);
            nam = $("#IDCARD_EXPIRED_DATE").val().substring(0, 4);
            $("#IDCARD_EXPIRED_DATE1").val(ngay + '/' + thang + '/' + nam);
        }
        Checkcmnd("IDCARD_NUM");
        $("#IDCARD_ISSUSE_DATE1").mask("99/99/9999", { placeholder: "dd/MM/yyyy" });
        $("#IDCARD_EXPIRED_DATE1").mask("99/99/9999", { placeholder: "dd/MM/yyyy" });
        CheckError("IDCARD_ISSUSE_DATE1");
        CheckError("IDCARD_EXPIRED_DATE1");

        $.ajax({
            url: '@Url.Action("GetAllByListName")',
            dataType: 'json',
            headers: {
                'VerificationToken': '@GetAntiForgeryToken()'
            },
            method: 'GET',
            data: { 'tablename': 'IDCARD_ISSUER' },
            success: function (data, textStatus, jqXHR) {
                $(".IDCARD_ISSUER_ID").append('<option value="">' +
               '-- Chọn Nơi cấp --' + '</option>');
                $.each(data, function (i, item) {
                    $(".IDCARD_ISSUER_ID").append('<option value="' + item.CodeID + '">' +
                         item.Name + '</option>');
                });
                $(".IDCARD_ISSUER_ID").val("@Model.IDCARD_ISSUER_ID");
            },
            complete: function () {
                dem++;
                checkloading(dem, total);
            }

        });
    });
    function ClickButton(Next) {
        $("#divLoading").show();
        var IDCARD_ISSUSE_DATE = "";
        var IDCARD_EXPIRED_DATE = "";
        if ($("#IDCARD_ISSUSE_DATE1").val() != "") {
            var time1 = $("#IDCARD_ISSUSE_DATE1").val().split("/");
            IDCARD_ISSUSE_DATE = time1[2] + time1[1] + time1[0];
        }

        if ($("#IDCARD_EXPIRED_DATE1").val() != "") {
            var time2 = $("#IDCARD_EXPIRED_DATE1").val().split("/");
            IDCARD_EXPIRED_DATE = time2[2] + time2[1] + time2[0];

        }


        var dataSend = {
            'RESIDENT_ID': $('#selectMenu').val(),
            'IDCARD_NUM': $("#IDCARD_NUM").val(),
            'IDCARD_ISSUSE_DATE': IDCARD_ISSUSE_DATE,
            'IDCARD_ISSUER_ID': $(".IDCARD_ISSUER_ID").val(),
            'IDCARD_EXPIRED_DATE': IDCARD_EXPIRED_DATE,
            'NEXT': Next,

        };
        var jqXHR = $.ajax({
            url: '@Url.Action("TheCanCuocNew","Online")',
            dataType: 'html',
            headers: {
                'VerificationToken': '@GetAntiForgeryToken()'
            },
            method: 'post',
            data: dataSend,
            cache: false,
            success: function myfunctionSuccess(data, textStatus, jqXHR) {
                if (Next != '2') {

                    $('#mainForm').html(data);
                } else {
                    window.location.href = '@Url.Action("Login","Online")';
                }
            },
            complete: function (jqXHR, textStatus) {
                if (Next == '1') {
                    $('#thongtin').text("THÔNG TIN TRÌNH ĐỘ");
                } else {
                    $('#thongtin').text("THÔNG TIN THƯỜNG TRÚ");
                }
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert('Có lỗi xảy ra trong quá trình lưu thông tin: ' + errorThrown);
            },

        });
    }
    $("#btnNext").click(function (event, giatri) {
        if (checkhtml()) {
            alert("Dữ liệu nhập không được có ký tự '<' ở đầu.");
        } else {
            if (giatri != null) {
                ClickButton(giatri);
            }
            else {
                $('.mnResident #mainForm').setMask("Đang thực hiện...");
                ClickButton(1);
            }
        }

    });
    $("#btnBack").click(function () {
        if (checkhtml()) {
            alert("Dữ liệu nhập không được có ký tự '<' ở đầu.");
        } else {
            $('.mnResident #mainForm').setMask("Đang thực hiện...");
            ClickButton(0);
        }
    });
</script>
<div class="row margin-top-20">
    <div class="col-md-6">
        <div class="form-group">
            <label class="control-label col-md-4 col-sm-4 col-xs-5">Số CMND</label>
            <div class="col-md-8 col-sm-8 col-xs-7 col-sm-8 col-xs-7">
                @Html.TextBoxFor(m => m.IDCARD_NUM, new { @class = "form-control", MaxLength = 12 })
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-4 col-sm-4 col-xs-5">Nơi cấp CMND</label>
            <div class="col-md-8 col-sm-8 col-xs-7 col-sm-8 col-xs-7">
                <select class="IDCARD_ISSUER_ID form-control "></select>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label class="control-label col-md-4 col-sm-4 col-xs-5">Ngày cấp</label>
            <div class="col-md-8 col-sm-8 col-xs-7 col-sm-8 col-xs-7">
                @Html.TextBox("IDCARD_ISSUSE_DATE1", "", new { @class = "form-control" })
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-4 col-sm-4 col-xs-5">Ngày hết hạn</label>
            <div class="col-md-8 col-sm-8 col-xs-7 col-sm-8 col-xs-7">
                @Html.TextBox("IDCARD_EXPIRED_DATE1", "", new { @class = "form-control" })
            </div>
        </div>
    </div>
    <div>
        @Html.HiddenFor(model => model.IDCARD_ISSUER_ID)
        @Html.HiddenFor(model => model.IDCARD_ISSUSE_DATE)
        @Html.HiddenFor(model => model.IDCARD_EXPIRED_DATE)
    </div>
</div>
<div class=" row margin-top-20">
    <div style="text-align:center; margin-top:30px;">
        <button class="btn btn-sm" id="btnBack" style="background-color: #2664B7; color:#ffffff; min-width:100px;"><i class="fa fa-angle-double-left"></i> Quay lại</button>
        <button class="btn btn-sm" id="btnNext" style="background-color: #2664B7; color:#ffffff; min-width:100px;">Tiếp tục <i class="fa fa-angle-double-right"></i></button>
    </div>
</div>



